<template>
    <div class="v-header">
        <slot name="left" :title="title">
            <p class="title lf"><i class="el-icon-location"></i>当前位置：>{{ title }}</p>
        </slot>
        <span class="rf">
            <slot></slot>
        </span>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: 'v-header',
        props: {
            // 标题
            title: {
                type: String
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
    .v-header
        width 100%
        height 36px
        line-height 36px
        padding 0 10px
        margin -15px 0 20px -15px
        .title
            font-size 12px
            color #7E7E7E
        .el-icon-location
            margin-right 3px
</style>
